<!-- <script setup>
import HelloWorld from './components/HelloWorld.vue'
import Vmodel from './components/Vmodel.vue';
import chazhi from './components/BasicCommand.vue';
</script> -->

<script>
//引入全局组件
import LocalComDemo from "./components/LocalComDemo.vue";
import ParentCom from "./components/ParentCom.vue";
import SlotCom from "./components/SlotCom.vue";
import SlotNameCom from "./components/SlotNameCom.vue";
import Father from "./components/Father.vue";
import Demo from "./components/Demo.vue";
import router from "./router";
export default {
  components: {
    LocalComDemo,
    ParentCom,
    SlotCom,
    SlotNameCom,
    Father,
    Demo,
    router,
  },
};
</script>
<template>
  <!-- <HelloWorld msg="You did it!" /> -->
  <!-- <vmodel /> -->
  <!-- <BasicCommand /> -->
  <!-- <GlobalComDemo />
<GlobalComDemo />
<GlobalComDemo />
<GlobalComDemo />

<LocalComDemo />
<LocalComDemo />
<LocalComDemo />

<ParentCom />

<SlotCom>
    <p>Hello World</p>
    <p>Hello World</p>
</SlotCom>

<SlotNameCom>
    <template v-slot:header>
        这是插槽header的内容
    </template>
    <template #footer>
        这是插槽footer的内容
    </template>
</SlotNameCom>

<Father /> -->

  <!-- <Demo /> -->

  <ul class="nav">
    <li>
      <router-link to="/home">Home</router-link>
    </li>
    <li>
      <router-link to="/about">About</router-link>
    </li>
    <li>
      <router-link to="/user">user-center</router-link>
    </li>
    <li>
      <router-link to="/vuex">Vuex</router-link>
    </li>
    <li>
      <router-link to="/element">Element</router-link>
    </li>
    <li>
      <router-link to="/list-demo">list-demo</router-link>
    </li>
    <li>
      <router-link to="/register">register</router-link>
    </li>
    <li>
      <router-link to="/account-list">Account-list</router-link>
    </li>
  </ul>
  <div>
    <router-view></router-view>
  </div>
</template>
